<!DOCTYPE html>
<html lang=zh-CN>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="google-site-verification" content="xBT4GhYoi5qRD5tr338pgPM5OWHHIDR6mNg1a3euekI" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:description" content="samuel-24276的博客">
    <meta property="og:type" content="website">
    <meta name="description" content="samuel-24276的博客">
    <meta name="keyword"  content="aircloud">
    <link rel="shortcut icon" href="/myblog/img/favicon.ico">

    <title>
        
        浅谈Markdown使用 - samuel-24276的博客 | samuel-24276&#39;s Blog
        
    </title>

    <!-- Custom CSS -->
    
<link rel="stylesheet" href="/myblog/css/aircloud.css">

    
<link rel="stylesheet" href="/myblog/css/gitment.css">

    <!--<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">-->
    <link href="//at.alicdn.com/t/font_620856_28hi1hpxx24.css" rel="stylesheet" type="text/css">
    <!-- ga & ba script hoook -->
    <script></script>
<meta name="generator" content="Hexo 7.1.1"></head>

<body>

<div class="site-nav-toggle" id="site-nav-toggle">
    <button>
        <span class="btn-bar"></span>
        <span class="btn-bar"></span>
        <span class="btn-bar"></span>
    </button>
</div>

<div class="index-about">
    <i> Like what you do, do what you like </i>
</div>

<div class="index-container">
    
    <div class="index-left">
        
<div class="nav" id="nav">
    <div class="avatar-name">
        <div class="avatar ">
            <img src="/myblog/img/avatar.jpg" />
        </div>
        <div class="name">
            <i>samuel-24276</i>
        </div>
    </div>
    <div class="contents" id="nav-content">
        <ul>
            <li >
                <a href="/myblog/">
                    <i class="iconfont icon-shouye1"></i>
                    <span>主页</span>
                </a>
            </li>
            <li >
                <a href="/myblog/tags">
                    <i class="iconfont icon-biaoqian1"></i>
                    <span>标签</span>
                </a>
            </li>
            <li >
                <a href="/myblog/archives">
                    <i class="iconfont icon-guidang2"></i>
                    <span>存档</span>
                </a>
            </li>
            <li >
                <a href="/myblog/collect/">
                    <i class="iconfont icon-shoucang1"></i>
                    <span>收藏</span>
                </a>
            </li>
            <li >
                <a href="/myblog/about/">
                    <i class="iconfont icon-guanyu2"></i>
                    <span>关于</span>
                </a>
            </li>
            
            <li>
                <a id="search">
                    <i class="iconfont icon-sousuo1"></i>
                    <span>搜索</span>
                </a>
            </li>
            
        </ul>
    </div>
    
        <div id="toc" class="toc-article">
    <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#%E8%83%8C%E6%99%AF"><span class="toc-text">背景</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E8%AF%AD%E6%B3%95"><span class="toc-text">语法</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#1-%E6%A0%87%E9%A2%98"><span class="toc-text">1.标题</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2-%E5%AD%97%E4%BD%93"><span class="toc-text">2.字体</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#2-1%E5%8A%A0%E7%B2%97"><span class="toc-text">2.1加粗</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-2%E6%96%9C%E4%BD%93"><span class="toc-text">2.2斜体</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-3%E6%96%9C%E4%BD%93%E5%8A%A0%E7%B2%97"><span class="toc-text">2.3斜体加粗</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-4%E5%88%A0%E9%99%A4%E7%BA%BF"><span class="toc-text">2.4删除线</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#3-%E5%BC%95%E7%94%A8"><span class="toc-text">3.引用</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#4-%E5%88%86%E5%89%B2%E7%BA%BF"><span class="toc-text">4.分割线</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#5-%E6%AE%B5%E8%90%BD"><span class="toc-text">5.段落</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#5-1%E6%8D%A2%E8%A1%8C"><span class="toc-text">5.1换行</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#5-2%E6%AE%B5%E9%A6%96%E7%BC%A9%E8%BF%9B"><span class="toc-text">5.2段首缩进</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#6-%E5%9B%BE%E7%89%87"><span class="toc-text">6.图片</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#7-%E8%B6%85%E9%93%BE%E6%8E%A5"><span class="toc-text">7.超链接</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#8-%E5%88%97%E8%A1%A8"><span class="toc-text">8.列表</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#8-1%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8"><span class="toc-text">8.1无序列表</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#8-2%E6%9C%89%E5%BA%8F%E5%88%97%E8%A1%A8"><span class="toc-text">8.2有序列表</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#9-%E8%A1%A8%E6%A0%BC"><span class="toc-text">9.表格</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#10-%E4%BB%A3%E7%A0%81"><span class="toc-text">10.代码</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#10-1-%E5%8D%95%E8%A1%8C%E4%BB%A3%E7%A0%81"><span class="toc-text">10.1 单行代码</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#10-2%E4%BB%A3%E7%A0%81%E5%9D%97"><span class="toc-text">10.2代码块</span></a></li></ol></li></ol></li></ol>
</div>
    
</div>


<div class="search-field" id="search-field">
    <div class="search-bg" id="search-bg"></div>
    <div class="search-container">
        <div class="search-input">
            <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
            <input id="search-input"/>
            <span id="begin-search">搜索</span>
        </div>
        <div class="search-result-container" id="search-result-container">

        </div>
    </div>
</div>

        <div class="index-about-mobile">
            <i> Like what you do, do what you like </i>
        </div>
    </div>
    
    <div class="index-middle">
        <!-- Main Content -->
        


<div class="post-container">
    <div class="post-title">
        浅谈Markdown使用
    </div>

    <div class="post-meta">
        <span class="attr">发布于：<span>2019-01-03 22:14:38</span></span>
        
        <span class="attr">标签：/
        
        <a class="tag" href="/myblog/tags/#工具" title="工具">工具</a>
        <span>/</span>
        
        
        </span>
        <span class="attr">访问：<span id="busuanzi_value_page_pv"></span>
</span>
</span>
    </div>
    <div class="post-content no-indent">
        <h1 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h1><p>Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。</p>
<p>Markdown的语法简洁明了、学习容易，而且功能比纯文本更强，因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho。</p>
<p>用于编写说明文档，并且以<code>README.MD</code>的文件名保存在软件的目录下面。除此之外，由于我们有了RStudio这样的神级编辑器，我们还可以快速将Markdown转化为演讲PPT、Word产品文档、LaTex论文甚至是用非常少量的代码完成最小可用原型。在数据科学领域，Markdown已经广泛使用，极大地推进了动态可重复性研究的历史进程。    </p>
<blockquote>
<p>以上内容引自百度百科  </p>
</blockquote>
<h1 id="语法"><a href="#语法" class="headerlink" title="语法"></a>语法</h1><h2 id="1-标题"><a href="#1-标题" class="headerlink" title="1.标题"></a>1.标题</h2><p>  用 <code>#</code> 加一个空格放在标题文字左端，即可实现标题的显示，几个 <code>#</code> 表示是几级标题，1级标题字号最大 </p>
<h2 id="2-字体"><a href="#2-字体" class="headerlink" title="2.字体"></a>2.字体</h2><h3 id="2-1加粗"><a href="#2-1加粗" class="headerlink" title="2.1加粗"></a>2.1加粗</h3><p>  把两个 <code>*</code> 放在需要加粗的文字两端，即可实现文字的加粗</p>
<h3 id="2-2斜体"><a href="#2-2斜体" class="headerlink" title="2.2斜体"></a>2.2斜体</h3><p>  把一个 <code>*</code> 放在需要倾斜的文字两端，即可实现文字的倾斜</p>
<h3 id="2-3斜体加粗"><a href="#2-3斜体加粗" class="headerlink" title="2.3斜体加粗"></a>2.3斜体加粗</h3><p>  把三个 <code>*</code> 放在需要倾斜加粗的文字两端，即可实现文字的倾斜加粗</p>
<h3 id="2-4删除线"><a href="#2-4删除线" class="headerlink" title="2.4删除线"></a>2.4删除线</h3><p>  使用两个 <code>~</code> 将删除线内容包裹起来</p>
<h2 id="3-引用"><a href="#3-引用" class="headerlink" title="3.引用"></a>3.引用</h2><p>  与标题类似，将 <code>&gt;</code> 放在要引用的文字开头，即可实现一段文字的引用，几个 <code>&gt;</code> 表示是几级引用</p>
<h2 id="4-分割线"><a href="#4-分割线" class="headerlink" title="4.分割线"></a>4.分割线</h2><p>  3个或3个以上的 <code>-</code> 或 <code>*</code> 均可实现分割线的插入</p>
<h2 id="5-段落"><a href="#5-段落" class="headerlink" title="5.段落"></a>5.段落</h2><h3 id="5-1换行"><a href="#5-1换行" class="headerlink" title="5.1换行"></a>5.1换行</h3><p><del>在即将换行的内容后输入2个或以上的空格后</del>回车即可实现换行</p>
<h3 id="5-2段首缩进"><a href="#5-2段首缩进" class="headerlink" title="5.2段首缩进"></a>5.2段首缩进</h3><p>  可借助空格符 <code>&amp;nbsp;</code> 实现，也可把输入法由半角改为全角，两次空格之后就能够有两个汉字的缩进</p>
<h2 id="6-图片"><a href="#6-图片" class="headerlink" title="6.图片"></a>6.图片</h2><p>  插入图片语法格式 <code>![图片alt](图片地址 &#39;图片title&#39;)</code><br>  图片alt就是显示在图片下面的文字，相当于对图片内容的解释。<br>  图片地址采用网站地址+图片所在网站文件夹下地址（需去掉source这一项）<br>  图片title是图片的标题，当鼠标悬停到图片上时显示的内容，title可加可不加。</p>
<h2 id="7-超链接"><a href="#7-超链接" class="headerlink" title="7.超链接"></a>7.超链接</h2><p>  插入超链接语法格式 <code>[超链接名](超链接地址 &#39;超链接title&#39;)</code><br>  title可加可不加</p>
<h2 id="8-列表"><a href="#8-列表" class="headerlink" title="8.列表"></a>8.列表</h2><h3 id="8-1无序列表"><a href="#8-1无序列表" class="headerlink" title="8.1无序列表"></a>8.1无序列表</h3><p>  使用 <code>- + *</code> 任意一个加空格放在列表文字前即可</p>
<h3 id="8-2有序列表"><a href="#8-2有序列表" class="headerlink" title="8.2有序列表"></a>8.2有序列表</h3><p>  数字加点（英文句号）加空格放在列表文字前</p>
<h2 id="9-表格"><a href="#9-表格" class="headerlink" title="9.表格"></a>9.表格</h2><p>  语法格式如下：<br>| 表头 | 表头 | 表头 |<br>| — | :–: | —: |<br>| 内容 | 内容 | 内容 |<br>| 内容 | 内容 | 内容 |</p>
<p><del>以上表格语句要想生效，必须在其前多空几行</del><br>第二行分割表头和内容。  </p>
<p>有一个就行，为了对齐，多加了几个</p>
<p>文字默认居左</p>
<p>两边加：表示文字居中</p>
<p>右边加：表示文字居右</p>
<p>若表格内容出现 <code>|</code> ,普通的转义字符 <code>\</code> 不起作用，应用 <code>&amp;#124;</code> 来进行转义</p>
<h2 id="10-代码"><a href="#10-代码" class="headerlink" title="10.代码"></a>10.代码</h2><h3 id="10-1-单行代码"><a href="#10-1-单行代码" class="headerlink" title="10.1 单行代码"></a>10.1 单行代码</h3><p>  <code>使用两个反引号将单行代码包裹起来</code>         </p>
<h3 id="10-2代码块"><a href="#10-2代码块" class="headerlink" title="10.2代码块"></a>10.2代码块</h3><p>  可使用一对三个反引号将代码块包裹起来 ，代码类型在开头三个反引号后指明</p>
  <figure class="highlight"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">代码块  </span><br><span class="line">代码块</span><br><span class="line">代码块</span><br></pre></td></tr></table></figure>

<hr>

        
            <div class="donate-container">
    <div class="donate-button">
        <button id="donate-button">赞赏</button>
    </div>
    <div class="donate-img-container hide" id="donate-img-container">
        <img id="donate-img" src="" data-src="/myblog/img/donate.jpg">
        <p> 感谢鼓励 </p>
    </div>
</div>
        
        <br />
        <div id="comment-container">
        </div>
        <div id="disqus_thread"></div>
        <div id="lv-container"></div>
        <div class="giscus"></div>
    </div>
</div>

    </div>
</div>


<footer class="footer">
    <ul class="list-inline text-center">
        
        

        

        

        
        <li>
            <a target="_blank"  href="https://github.com/samuel-24276">
                            <span class="fa-stack fa-lg">
                                <i class="iconfont icon-github"></i>
                            </span>
            </a>
        </li>
        

        

    </ul>
    
    <p>
        <span>/</span>
        
        <span><a target="_blank" rel="noopener" href="https://github.com/samuel-24276">samuel-24276&#39;s Page</a></span>
        <span>/</span>
        
        <span><a target="_blank" rel="noopener" href="https://beian.miit.gov.cn/">北京-未备案</a></span>
        <span>/</span>
        
        <span><a href="#">返回顶部</a></span>
        <span>/</span>
        
    </p>
    
    <p>
        <span id="busuanzi_container_site_pv">
            <span id="busuanzi_value_site_pv"></span>PV
        </span>
        <span id="busuanzi_container_site_uv">
            <span id="busuanzi_value_site_uv"></span>UV
        </span>
        Created By <a target="_blank" rel="noopener" href="https://hexo.io/">Hexo</a>  Theme <a target="_blank" rel="noopener" href="https://github.com/aircloud/hexo-theme-aircloud">AirCloud</a></p>
</footer>




</body>

<script>
    // We expose some of the variables needed by the front end
    window.hexo_search_path = "search.json"
    window.hexo_root = "/myblog/"
    window.isPost = true
</script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<script src="/myblog/js/index.js"></script>

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>






    <script type="text/javascript">
       (function() {
           if (typeof LivereTower === 'function') { return; }

           var j, d = document.getElementById('lv-container');

           d.setAttribute('data-id','city');
           d.setAttribute('data-uid' , 'MTAyMC80OTA5OC8yNTU5Mw==');

           j = document.createElement('script');
           j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
           j.async = true;

           d.appendChild(j);
       })();
    </script>
    <noscript>为正常使用来必力评论功能请激活JavaScript</noscript>
    </div>

</html>
